<!--<template>-->
<!--  <div>-->
<!--    &lt;!&ndash; banner &ndash;&gt;-->
<!--    <div class="banner" :style="cover">-->
<!--      <h1 class="banner-title">标签</h1>-->
<!--    </div>-->
<!--    &lt;!&ndash; 标签列表 &ndash;&gt;-->
<!--    <v-card class="blog-container">-->
<!--      <div class="tag-cloud-title">标签 - {{ tagList.length }}</div>-->
<!--      <div class="tag-cloud">-->
<!--        <router-link-->
<!--          :style="{ 'font-size': Math.floor(Math.random() * 10) + 18 + 'px' }"-->
<!--          v-for="item of tagList"-->
<!--          :key="item.labelId"-->
<!--          :to="'/tags/' + item.labelId"-->
<!--        >-->
<!--          {{ item.name }}-->
<!--        </router-link>-->
<!--      </div>-->
<!--    </v-card>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import articleApi from "../../api/article";-->
<!--export default {-->
<!--  created() {-->
<!--    this.listTags();-->
<!--  },-->
<!--  data: function() {-->
<!--    return {-->
<!--      tagList: [],-->
<!--      count: 0-->
<!--    };-->
<!--  },-->
<!--  methods: {-->
<!--    listTags() {-->
<!--      articleApi.getLabel().then(response => {-->
<!--        if (response.code === 200) {-->
<!--          this.tagList = response.data;-->
<!--          this.count = this.tagList.length;-->
<!--        }-->
<!--      });-->
<!--    }-->
<!--  },-->
<!--  computed: {-->
<!--    cover() {-->
<!--      const cover =-->
<!--        "https://98k-hk666.oss-cn-shanghai.aliyuncs.com/iblog/img/admin/003300-1659717180bac2.jpg?versionId=CAEQQRiBgMC45fL4lRgiIGFlZjk5MzE1OTM3ZjRkOThiZjMzOTI4NjJiMjYwMTMy";-->
<!--      return "background: url(" + cover + ") center center / cover no-repeat";-->
<!--    }-->
<!--  }-->
<!--};-->
<!--</script>-->

<!--<style scoped>-->
<!--.tag-cloud-title {-->
<!--  line-height: 2;-->
<!--  font-size: 36px;-->
<!--  text-align: center;-->
<!--}-->
<!--@media (max-width: 759px) {-->
<!--  .tag-cloud-title {-->
<!--    font-size: 25px;-->
<!--  }-->
<!--}-->
<!--.tag-cloud {-->
<!--  text-align: center;-->
<!--}-->
<!--.tag-cloud a {-->
<!--  color: #616161;-->
<!--  display: inline-block;-->
<!--  text-decoration: none;-->
<!--  padding: 0 8px;-->
<!--  line-height: 2;-->
<!--  transition: all 0.3s;-->
<!--}-->
<!--.tag-cloud a:hover {-->
<!--  color: #03a9f4 !important;-->
<!--  transform: scale(1.1);-->
<!--}-->
<!--</style>-->
